<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html</title>
    <style>
        body{
            /*background-color: antiquewhite;*/
            /*background-image: url("https://www.baidu.com/img/bd_logo1.png?where=super");*/
            background-repeat: no-repeat;
            background-size: cover;
        }

    </style>
    <link rel="stylesheet" href="./style.css">
<!--    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
    <script src="./jquery-3.7.1.min.js"></script>

    <script>
        $(function () {
            // javax.    jakarta.
            // $("#div").hide()
            var div = $(".pa");
            // console.log(div)
            $("#btn").click(function () {
                var name = $("#name").val();
                var password = $("#pwd").val();
                console.log(name)
                console.log(password)


            });
            console.log($("#para").text())
        });

        // window.onload = function () {
        //     var elementById = document.getElementById("div");
        //     console.log(elementById)
        //
        //     document.getElementById("btn").onclick = function () {
        //         alert(123)
        //     };
        //
        //
        //
        // };
         // alert('弹框')
    // 声明变量
         var name = "18"
         var age = 18
         var flag = true
         // console.log(name)

         var obj = {
             name: "zhangsan",
             age:18,
         }
         // console.log(obj)
         // var arr = [1,2,3]
         //
         // console.log(typeof obj)
         // console.log(typeof name)
         // console.log(typeof undefined)
         // console.log(typeof null)
         //
         // console.log(name == age)
         // console.log(name === age)
         //
         // console.log(JSON.stringify(obj))
         // console.log(JSON.parse(JSON.stringify(obj)))


    </script>
</head>
<body>
    <!-- 注释 ctrl +/ 或者 ctrl +shirt +/-->
    <!--双标签、单标签-->
    <h1>一级标题1</h1>
    <h6>一级标题1</h6>
    <br/>

    <p>段落标签</p>
    <p>一个段落</p>

    <!--a 标签-->
    <a href="http://www.baidu.com" target="_blank">a标签</a>
    
    <!--img-->
<!--    <img src="./tu.png" alt="提示信息"/>-->
    <b style="color: aqua">加粗</b>
    x<sup>2</sup>

    <table border="1" cellspacing="0">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>1</td>
            <td>zhagnsan</td>
            <td>18</td>
        </tr>
    </table>
<!--无序列表-->
    <ul>
        <li>Coffee</li>
        <li>Milk</li>
    </ul>

<!--有序-->
    <ol type="A">
        <li>Coffee</li>
        <li>Milk</li>
    </ol>
    <div>块级元素</div>
    <span id="para" class="pa">内联元素1</span>
    <span class="pa">内联元素2</span>

    <!--新增-->
    <div id="div" style="text-align: center">
        <form action="">
            登录名：<input type="text" id="name" name="name"><br>
            密码：<input type="password" id="pwd" name="password">
            性别：<input type="radio" name="sex" value="man">男
            <input type="radio" name="sex">女
            <select>
                <option value="a">这是a</option>
                <option value="b">这是b</option>
            </select>
            <input type="submit" value="确认">
            <button id="btn">按钮</button>
        </form>
    </div>

</body>
<!--<script>-->
<!--    var elementById = document.getElementById("div");-->
<!--    console.log(elementById)-->
<!--</script>-->
</html>